import { createStore } from 'vuex'
import createPersistedstate from 'vuex-persistedstate'

import user from './modules/user'
import cart from './modules/cart'
import category from './modules/category'
// 创建vuex仓库并导出
export default createStore({
  modules: {
    user,
    cart,
    category
  },
  plugins: [
    // ===> 默认是存储在localStorage中
    // ===> key是存储数据的键名
    // ===> paths是存储state中的那些数据，如果是模块下具体的数据需要加上模块名称，如user.token
    // ===> 修改state后触发才可以看到本地存储数据的的变化。
    createPersistedstate({
      key: 'xtx-client-pc-store',
      paths: ['user', 'cart']
    })
  ]
})
